<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>jQuery实例</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            //jQuery入口
            //git commit 1 
            $(function(){
                //获取所有按钮并添加点击事件
                $("button").click(function(){
                    //事件处理
                    switch($(this).html()){
                        case "全选":
                            $("input[type='checkbox']").attr("checked",true);
                            break;
                     
                        case "全不选":
                            $("input[type='checkbox']").attr("checked",false);
                            break;
                             
                        case "反选":
                            var list = $("input:checked"); //获取所有选中的
                            //所有的都选中
                            $("input[type='checkbox']").attr("checked",true);
                            list.attr("checked",false);//刚刚选中的再设置取消选中。
                            break;
                    }
                });
                 
            });
             
             
        </script>
    </head>
    <body>
        <h3>jQuery实例--jQuery中的选择器--基本选择器</h3>
        <ul>
            <li><input type="checkbox" name="id[]" value="1"/>aaaaaaaaaaaa</li>
            <li><input type="checkbox" name="id[]" value="2"/>bbbbbbbbbbbb</li>
            <li><input type="checkbox" name="id[]" value="3"/>cccccccccccc</li>
            <li><input type="checkbox" name="id[]" value="4"/>dddddddddddd</li>
            <li><input type="checkbox" name="id[]" value="5"/>eeeeeeeeeeee</li>
            <li><input type="checkbox" name="id[]" value="6"/>wwwwwwwwwwww</li>
            <li><input type="checkbox" name="id[]" value="7"/>eeeeeeeeeeee</li>
        </ul>
        <button>全选</button>
        <button>全不选</button>
        <button>反选</button>
    </body>
</html>